$primaryColor: #2cc5bc;
$primaryColorLight: #dcf6f4;
$primaryFontColor: #333;
$fonsizeMedium: 16px;

$white: #fff; //白色
$black: #000; //黑色
$bgLight: #f7f7fc; //浅色背景
$bgLighteee: #eeeeee; //浅色背景
$bgLightd9d9d9: #d9d9d9; //浅色背景
$bgLightdfa: #fafafa; //浅色背景
$bgDark: #333333; //深色背景
$errorColor: #ff4d4f; //警示色
$successColor: #52c41a; //成功色
$wranColor: #ff8802; //成功色
$fontColorLight: #999999; //警示色
$fontColor85: rgba(0, 0, 0, 0.85); //浅色字
$fontColor45: rgba(0, 0, 0, 0.45); //浅色字
$fontColor15: rgba(0, 0, 0, 0.15);

$borderColor: #f7f7f7;
$borderColorEE: #eee;
$borderColorD9: #d9d9d9;
$backgroundColor005: rgba(0, 0, 0, 0.05);
$backgroundColor002: rgba(0, 0, 0, 0.02);
//涉及运算 start
$headerHeight: 60px;
$footerHeight: 215px;
$bodyWidth: 1200px;
$defaultPaddingDistance: 12px;
$scrollBarHeight: 8px;
$scrollBarWidth: 8px;
// 涉及运算 end

// 通用边距
// $distances: 10, 12, 14, 16, 18, 20;
$distances: 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 48, 98, 100, 130, 200; // 单位 px
$fontWeigths: 400, 500, 600, 700, bold;
$fontSize: 10, 12, 14, 16, 18, 20, 24, 28; //单位px

// 必须是上述列表里的内容

// font-weight => 使用 class="fw600"
@each $var in $fontWeigths {
  .fw#{$var} {
    font-weight: $var;
  }
}

// font-size => 使用 class="fs12"
@each $var in $fontSize {
  .fs#{$var} {
    font-size: #{2 * $var}rpx;
  }
}

// margin-top/bottom/right/left:distances => 使用 class="mt10"
@each $name, $type in (mt, top) (mb, bottom) (mr, right) (ml, left) {
  @each $val in $distances {
    .#{$name}#{$val} {
      margin-#{$type}: #{$val}px;
    }
  }
}

// padding-top/bottom/right/left:distances
@each $name, $type in (pt, top) (pb, bottom) (pr, right) (pl, left) {
  @each $val in $distances {
    .#{$name}#{$val} {
      padding-#{$type}: #{$val}px;
    }
  }
}
